import React from 'react'
import styles from './css/r.module.css'
import a from '../../image/a.png'
import b from '../../image/b.png'
function rs() {
  return (
    <div >
        {/* 实现素材图片中数据列表渲染，对前三名数据使用特殊样式 */}
            <h4>热搜榜/全部类型</h4>
            <div className={styles.box}>
                <dl className={styles.d1}>
                    <dt className={styles.d2}>
                        <img src={a} alt="" />
                    </dt>
                    <dd className={styles.d3}>
                        <span>互联网互通正塑造中国——接电话方便艺术大师</span>
                        <p>查看更多》</p>
                        <span className={styles.d4}>
                            <p>1938475</p>
                            <p>手机号就是</p>
                        </span>
                    </dd>
                </dl>
            </div>
 <div className={styles.box}>
                <dl className={styles.d1}>
                    <dt className={styles.d2}>
                        <img src={b} alt="" />
                    </dt>
                    <dd className={styles.d3}>
                        <span>互联网互通正塑造中国——接电话方便艺术大师</span>
                        <p>查看更多》</p>
                         <span className={styles.d4}>
                            <p>1938475</p>
                            <p>手机号就是</p>
                        </span>
                    </dd>
                </dl>
            </div>
             <div className={styles.box}>
                <dl className={styles.d1}>
                    <dt className={styles.d2}>
                        <img src={a} alt="" />
                    </dt>
                    <dd className={styles.d3}>
                        <span>互联网互通正塑造中国——接电话方便艺术大师</span>
                        <p>查看更多》</p>
                         <span className={styles.d4}>
                            <p>1938475</p>
                            <p>手机号就是</p>
                        </span>
                    </dd>
                </dl>
            </div>
            <div className={styles.box}>
                <dl className={styles.d1}>
                    <dt className={styles.d2}>
                        <img src={b} alt="" />
                    </dt>
                    <dd className={styles.d3}>
                        <span>互联网互通正塑造中国——接电话方便艺术大师</span>
                        <p>查看更多》</p>
                         <span className={styles.d4}>
                            <p>1938475</p>
                            <p>手机号就是</p>
                        </span>
                    </dd>
                </dl>
            </div>
             <div className={styles.box}>
                <dl className={styles.d1}>
                    <dt className={styles.d2}>
                        <img src={a} alt="" />
                    </dt>
                    <dd className={styles.d3}>
                        <span>互联网互通正塑造中国——接电话方便艺术大师</span>
                        <p>查看更多》</p>
                         <span className={styles.d4}>
                            <p>1938475</p>
                            <p>手机号就是</p>
                        </span>
                    </dd>
                </dl>
            </div>
        </div>
  )
}

export default rs